<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>慕课论坛</title>
    <link rel="stylesheet" href="static/css/all-df86af5803.css">
</head>
<body class="forum" data-page="forum">
<div class="header">
    <nav class="navbar navbar-inverse navbar-fixed-top navbar-default">
        <div class="container">
            <div class="navbar-header" id="navbar-header">
                <a href="shouye.html" class="navbar-brand"><img src="images/logo.png"> </a>
            </div>
            <div id="main-nav-menu">
                <ul class="nav navbar-nav">
                    <li><a href="shouye.html"><i class="fa fa-home"></i> <span class="hidden-xs hidden-sm">首页</span></a>
                    </li>
                    <li class="hidden-sm hidden-xs"><a href="thread.html"><i class="fa fa-comments-o"></i> 话题</a></li>

                </ul>
            </div>
            <ul class="nav user-bar navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">kphcdr
                        <span class="caret"></span></a>
                    <button class="navbar-toggle" type="button" data-toggle="dropdown" role="button"
                            aria-expanded="false">
                        <span class="sr-only">Toggle</span> <i class="fa fa-reorder"></i>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li class=""><a href="my.html">我的主页</a></li>
                        <li>
                            <div class='divider'></div>
                        </li>
                        <li><a href="my.html">个人设置</a></li>

                        <li><a href="score.html">我的积分</a></li>
                        <li class='divider'></li>
                        <li><a href="###" onclick=" return confirm('你确定要退出吗?')"><i class="fa fa-sign-out"></i> 退出 </a>
                        </li>
                    </ul>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li class="nav-search hidden-xs hidden-sm">
                    <form method="GET" action="#" accept-charset="UTF-8" class="navbar-form form-search active"
                          target="_blank">
                        <div class="form-group">
                            <input placeholder="搜索" class="form-control" name="q" type="search">
                        </div>
                        <i class="fa fa-search"></i>
                    </form>
                </li>
                <li class="notification">
                    <a href="message.html" class="notification-count "><i class="fa fa-bell"></i><span
                            class="count"></span></a>
                </li>
            </ul>
        </div>
    </nav>
</div>
<div id="main" class="main-container container">

    <div class="users-show">

        <div class="col-md-3 box">
            <div style="text-align: center;">
                <img src="images/avatar.jpg" class="img-thumbnail users-show-avatar upload-btn"
                     style="width: 206px;margin: 4px 4px 15px;min-height:190px;cursor: pointer;">
            </div>

            <dl class="dl-horizontal">

                <dt>
                    <lable>&nbsp; </lable>
                </dt>
                <dd> ID 967</dd>

                <dt><label>用户名:</label></dt>
                <dd><strong>kphcdr</strong></dd>

                <dt>
                    <label>注册:</label>
                </dt>
                <dd><span>2017-02-12 23:48:44</span></dd>
            </dl>
            <div class="clearfix"></div>
            <a class="btn btn-primary btn-block" href="my.html" id="user-edit-button"> <i class="fa fa-edit"></i> 个人设置
            </a> <a class="btn btn-success btn-block" href="###" id="user-edit-button"> <i
                class="fa fa-github"></i> 绑定 Github 账号 </a>

        </div>

        <div class="col-md-9 left-col">

            <div class="panel panel-default">

                <div class="panel-body ">
                    <ul class="nav nav-tabs" role="tablist">
                        <li><a href="my.html">个人信息</a></li>
                        <li class="active"><a href="avatar.html">头像</a></li>
                        <li><a href="password">密码</a></li>
                    </ul>
                    <form class="form-horizontal" method="post" action="/settings/update-avatar"
                          enctype="multipart/form-data" id="avatar-form">
                        <input type="hidden" name="_token" value="BAnCy9yzQxp30BiIkeU58OMjR5uWeDM9dCSMNwKH">
                        <h5><i class="fa fa-image"></i>&nbsp;&nbsp;头像设置</h5>
                        <hr>
                        <div class="form-group">
                            <div class="col-sm-4 avatar-setting-container">
                                <img src="images/avatar.jpg" id="avatar" class="upload-btn" style="cursor: pointer;">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-4 status-post-submit">
                                <button type="button" class="btn btn-primary upload-btn">
                                    上传新头像
                                </button>
                                <span class="loading"></span> <input type="file" id="avatarinput" name="avatar"
                                                                     class="hide"> <span class="help-block">
                        头像支持jpg和png格式，上传的文件大小不超过 2M</span>
                                <button type="submit" class="btn btn-primary hidden" id="avatarinput-submit">更新</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>

</div>

<footer class="footer">
    <div class="container">
        <div class="copyright">
            <blockquote class="pull-left">
                <p>慕课论坛</p>
                <p>Copyright &copy; 2015-2016 <a href="shouye.html">imooc</a> 1.0.0-rc2 <span
                        class="pipe">|</span><span
                        class="pipe">|</span></p>
            </blockquote>
        </div>
        <div class="pull-right hidden-sm hidden-xs">
            <p>
                <a href="###">关于我们</a> <span class="pipe">|</span> <a href="###">联系我们</a> <span class="pipe">|</span> <a
                    href="###">常见问题解答</a>
            </p>
            <p>
                <a href="shouye.html" target="_blank"><img src="images/imooc-logo.png" border="0" height="40"
                                                           data-toggle="tooltip" data-placement="top"
                                                           title="Powered by imooc"/></a>
            </p>
        </div>
    </div>
</footer>
</body>
</html>
